iT邦幫忙

2024 iThome 鐵人賽

DAY 10
0

今天接著介紹type屬性的下半部分~

1.checkbox : 複選框,可以選擇多個項目。

<form>
    <label for="subscribe">訂閱新聞:</label>
    <input type="checkbox" name="subscribe">
</form>

https://ithelp.ithome.com.tw/upload/images/20240919/20168630lwjcUTmsol.png


2.radio : 單選按鈕,同一組中只能選擇一個。

<form>
    <label>性別:</label>
    <input type="radio" name="gender">
    <label for="male">男性</label>
    <input type="radio" name="gender">
    <label for="female">女性</label>
</form>

https://ithelp.ithome.com.tw/upload/images/20240919/201686303B3x3KqnEO.png


3.submit : 提交按鈕,提交表單數據。

<form>
    <input type="submit">
</form>

https://ithelp.ithome.com.tw/upload/images/20240919/20168630tR4XGcz7wT.png


4.file : 允許上傳文件。

<form enctype="multipart/form-data">
    <label for="file">上傳文件:</label>
    <input type="file" name="file">
</form>

https://ithelp.ithome.com.tw/upload/images/20240919/20168630nZqp18YC3G.png

今天先介紹到這裡,謝謝觀看!/images/emoticon/emoticon12.gif


上一篇
探險日記 DAY 9
下一篇
探險日記 DAY 11
系列文
30天前端之旅:探索web開發的探險日記19
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言